table.vt-table{
  font-size: inherit;
  border-collapse: collapse;
  background-color: $table-bg;
  width: 100%;
  max-width: 100%;
  table-layout: auto;
  border: 1px solid $border-color;
  & td {
    padding: .75em .75em .75em .75em;
    vertical-align: top;
    border-bottom:  1px solid $border-color;
    color: $text-color;
  }
  & tr.clickable {
    cursor: pointer;
    &:hover{
      background-color: $highlight-color;
    }
  }
  & td.vt-fixed-right {
    z-index: 2;
    position: sticky;
    right: 0;
    background-color: $table-bg; 
    &::before {
      content: "";
      position: absolute;
      top: 0px;
      width: 10px;
      bottom: -1px;
      overflow-x: hidden;
      overflow-y: hidden;
      touch-action: none;
      pointer-events: none;
      left: -10px;
      box-shadow: $fixed-right-column;
    }
  }
  & td.vt-fixed-left {
    z-index: 2;
    position: sticky;
    left: 0;
    background-color: $table-bg; 
    &::before {
      content: "";
      position: absolute;
      top: 0px;
      width: 10px;
      bottom: -1px;
      overflow-x: hidden;
      overflow-y: hidden;
      touch-action: none;
      pointer-events: none;
      right: -10px;
      box-shadow: $fixed-left-column;
    }
  }
}
